<template>
  <div class="">
    <iframe :src="src" width="100%" height="800px" class="html-iframe"></iframe>
  </div>
</template>

<script>
export default {
  name: "JsonFormat",
  data() {
    return {
      jsonStr: '{&#13"Json解析":"支持格式化高亮折叠",&#13"支持XML转换":"支持XML转换Json,Json转XML",&#13"Json格式验证":"更详细准确的错误信息"}',
      src: '/static/util/json-format/index.html'
    }
  }
}
</script>

<style scoped>
#json-src {
  height: 722px;
  padding: 0 10px 10px 20px;
  border: 0;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-radius: 0;
  resize: none;
  outline: none;
  width: 100%;
}
.html-iframe{
  border: 1px solid #c0c0c0;
}
</style>
